<template>
    <div style="width:100%">
        <area-map @syn-o-selQk="tranSelQk" ref="areaMap"  @change-to-jz="tranJz" :jzMapList="jzMapList" :selQk="selQk"
        :showEventType="showEventType" :showAllType="showAllType"  @change-to-kq ="changeToKq" @click-jcd="clickJcd"></area-map>
    </div>
</template>
<script>
import areaMap from '@/components/index/middleside/areaMap.vue'
export default {
    components:{
        areaMap
    },
    props:{
        selQk:String,
        jzMapList:Array,
        showEventType:Boolean,
        showAllType:Boolean
    },
    methods:{
        tranSelQk(val){
            this.$emit('syn-o-selQk',val)
        },
       tranJz(val){
         this.$emit('change-to-jz',val)
      },
      changeToKq(val){
          this.$emit('change-to-kq',val)
      },
      clickJcd(val){
          this.$emit('click-jcd',val)
      }
    },

}
</script>
<style scoped>

</style>